<template>
    <div class="index-wapper">
        <LeftTop></LeftTop>
        <LeftBottom></LeftBottom>
        <RightTop></RightTop>
        <RightBottom></RightBottom>
        <Center></Center>
    </div>
</template>
<script setup lang="ts">
import LeftTop from './components/index/left-top.vue'
import LeftBottom from './components/index/left-bottom.vue'
import RightTop from './components/index/right-top.vue'
import RightBottom from './components/index/right-bottom.vue'
import Center from './components/index/center.vue'
</script>




<style lang="less" scoped>
.index-wapper{
    width:100%;
    height: 100%;
    background: url(@/images/index/bg.png) no-repeat;
    background-size:100% 100%;
    position: relative;
    overflow: hidden;
}
</style>